.c_aside_wrapper{width: 340px;position: relative;margin-right: 40px;flex-shrink: 0; height: 100%;background-color: #fff;border-radius: 16px;filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.1));}
.c_aside_trigger{position: absolute;top: 50%;right: 0;transform: translate(100%, -50%);cursor: pointer;width: 17px;height: 44px;border-radius: 0 8px 8px 0;background-color: #fff;display: flex;align-items: center;justify-content: center;}
.c_aside_content{padding: 14px;box-sizing: border-box;height: 100%;display: flex;flex-direction: column;}

.c_chat_list_wrapper{flex: 1;height: 0;margin-top: 22px;}
.c_chat_list_history_wrapper{margin-bottom: 26px;}
.c_chat_list_history_title{font-size: 16px;font-weight: 600;margin-bottom: 14px;color: #333;}
.c_chat_list_history_item{width: 100%;display: flex;justify-content: space-between; padding: 12px;border: 1px solid transparent; font-size: 14px;background-color: #f5f5f5;color: #333;box-sizing: border-box;border-radius: 12px;margin-bottom: 8px;cursor: pointer;}
.c_chat_list_history_item > span{flex: 1;width: 0; text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.c_chat_list_history_item_option{display: none;margin-left: 8px; align-items: center;justify-content: center;gap: 8px;}
.c_chat_list_history_item_active,
.c_chat_list_history_item:hover{border-color: #1677ff;color: #1677ff;}
.c_chat_list_history_item_active .c_chat_list_history_item_option,
.c_chat_list_history_item:hover .c_chat_list_history_item_option{display: flex;}
.c_aside_search{margin-top: 14px;border: 1px solid #cacaca;border-radius: 999px; padding: 0 12px;box-sizing: border-box; transition: all 0.3s ease-in-out;display: flex;align-items: center;justify-content: space-between;}
.c_user_info_box{display: flex;align-items: center;gap: 8px;font-size: 16px;}
.c_user_info_box{}

.c_aside_search:focus-within{border-color: #1677ff;}
.c_chat_list_history_empty{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.c_custom_conversation_spin .ant-spin {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
}
.slide-enter {
  transform: translateX(calc(-100% - 20px));
}
  

.slide-enter-active {
  transform: translateX(0);
  transition: all 300ms ease-in-out;
}

.slide-exit {
  transform: translateX(0);
}

.slide-exit-active {
  transform: translateX(calc(-100% - 20px));
  transition: all 300ms ease-in-out;
}
.slide-exit-done {
  transform: translate(calc(-100% - 20px),-50%);
  position: fixed;
  top: 50%;

}
.slide-enter-done {
  transform: translateX(0);
}
.c_aside_wrapper.slide-exit-done .c_aside_trigger_icon{
  transform: rotate(180deg);
}